<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>bdi</title>
	</head>
	<body>
		<!--
    允许您设置一段文本，使其脱离其父元素的文本方向设置。
    <bdi> 元素可以避免由于文本方向混乱导致的界面布局问题，确保文本内容的正确显示。

    标签定义及使用说明：
    bdi 指的是 bidi 隔离（Bi-directional Isolation）。
    <bdi> 标签允许您设置一段文本，使其脱离其父元素的文本方向设置。
    在发布用户评论或其他您无法完全控制的内容时，该标签很有用。
    提示：尽管同样的显示效果可以通过使用 CSS 规则：unicode-bidi 隔离文本格式化元素，但语义信息只能通过 <bdi> 元素传递。
     -->
		<p>用户名: <bdi>JohnDoe123</bdi> 登录成功。</p>
		<p>用户名: <bdi>المستخدم123</bdi> 登录成功。</p>
	</body>
</html>
